html, body, div, span, h1, h2, h3, h4, h5, h6, p,a, em, img, strong, ol, ul, li {
	margin:0px;	padding:0px; border:0px; outline:0px; vertical-align: baseline; background: transparent; text-decoration:none; font-family:Arial; font-size:12px;}
body { width:100%; background:url(../images/bg-at-body.jpg) repeat;}
#index { width:100%; height:100%; float:left; position:relative;}
#bg-son { width:492px; height:323px; position:absolute; top:0; right:0; background:url(../images/bg-son.png) no-repeat; z-index:1001;}


#index-header { width:100%; height:100px; float:left;}
#main-header { width:1000px; height:100px; margin:0 auto; position:relative;}
.logo { width:190px; height:155px; position:absolute; top:0; left:0;}
.title-company { position:absolute; top:0; left:220px;}
.hotline { position:absolute; z-index:1002; right:0; top:111px;}
.hotline > p { font-weight:bold; color:#0CF; font-size:16px; text-shadow:1px 1px 1px #999;}
.hotline > p > span { font-size:16px; margin-right:10px;}
#search { width:200px; height:49px; position:relative; float:right; top:48px; z-index:1002;}

#index-menu { width:100%; height:49px; float:left; background:url(../images/bg-menu-1.png) repeat-x; position:relative; z-index:1000;}
#main-menu { width:1000px; height:49px; margin:0 auto;}
.menuTop { width:800px; height:40px; float:left;}
.menuTop > ul { list-style:none;}
.menuTop > ul > li { float:left; position:relative; z-index:1000; margin-right:1px;}
.menuTop > ul > li > a { display:block; float:left;}
.menuTop > ul > li > a > span { color:white; text-transform:uppercase; display:block; line-height:41px; font-weight:bold; padding:0 15px;}
.menuTop > ul > li:hover > a > span, .menuTop > ul > li.active > a > span { color:#ff3;}
.menuTop > ul > li > ul { display:none; list-style:none; position:absolute; top:41px; left:0; background:#a39f7c; width:170px; border-right:1px solid #908c66;}
.menuTop > ul > li:hover > ul { display:block; box-shadow:3px 3px 3px #999;}
.menuTop > ul > li > ul > li { width:150px; height:auto; float:left; position:relative; border-top:1px solid #b6b291; border-bottom:1px solid #908c66; padding:5px 10px;}
.menuTop > ul > li > ul > li > a { color:white; padding-left:10px;}
.menuTop > ul > li > ul > li > ul { display:none; list-style:none; position:absolute; top:-1px; left:171px; background:#a39f7c; width:190px; border-left:1px solid #b6b291;}
.menuTop > ul > li > ul > li:hover > ul { display:block; box-shadow:3px 3px 3px #999;}
.menuTop > ul > li > ul > li > ul > li { width:170px; height:auto; float:left; border-top:1px solid #b6b291; border-bottom:1px solid #908c66; padding:5px 10px;}
.menuTop > ul > li > ul > li > ul > li > a { color:white; padding-left:10px;}


#index-content { width:100%; height:auto; float:left;}
#main-banner { width:1000px; height:auto; margin:0 auto;}
.main-banner { width:1000px; height:300px; float:left; background:url(../images/bg-banner.png) no-repeat; margin-top:10px;}
#banner { width:980px; height:280px; float:left; margin:10px;}


.main-content-1 { width:100%; height:auto; float:left; background:url(../images/bgd-1.png) no-repeat top center; padding-top:5px;}
.main-content-2 { width:100%; height:auto; float:left; background:url(../images/bgd-2.png) no-repeat bottom center; padding-bottom:5px;}
.main-content { width:100%; height:auto; float:left; background:url(../images/bgd-3.png) repeat-y center;}
.content { width:1000px; height:auto; margin:0 auto; background:white;}
.in-content { width:1000px; height:auto; float:left; background:url(../images/content.png) repeat-y; padding-bottom:20px;}


.LeftCont { width:760px; height:auto; float:left; background:white;}
.BLeft { width:760px; height:auto; float:left; padding-bottom:20px;}
.tt-BLeft { width:721px; height:38px; float:left; background:url(../images/bg-ttLeft.jpg) no-repeat; margin:20px 20px 0 20px;}
.tt-BLeft > p { float:left; font-weight:bold; color:#FF0; text-transform:uppercase; line-height:37px; display:block; padding-left:45px; background:url(../images/bg-ttLeft-duoi.jpg) no-repeat top right; padding-right:74px;}
.tt-BLeft > a { width:100px; float:right; color:#600; text-align:right; line-height:37px; padding-right:40px;}
.tt-BLeft > a:hover { text-decoration:underline;}
.cc-BLeft { width:760px; float:left; margin-left:20px;}
.boxsp { width:220px; height:270px; float:left; margin:20px 30px 0 0;}
.boxsp > ul { list-style:none;}
.boxsp > ul > li.pic { width:218px; height:218px; float:left; border:1px solid #ddd;}
.pic-1 { width:218px; height:218px; display:table; text-align: center; vertical-align: middle; background:white; float:left;}
.pic-1 img { max-width:198px; max-height:198px; display:table-cell; vertical-align: middle;}
.pic_1 { width:218px; height:218px; text-align: center; vertical-align: middle;}
.pic_1 img { margin:0 auto; max-width:198px; max-height:198px;}
.boxsp > ul > li.tit { width:220px; height:auto; float:left; padding:5px 0;}
.boxsp > ul > li.tit > a { font-weight:bold; color:#333; padding-left:11px;}
.boxsp > ul > li.tot { width:220px; height:auto; float:left; border-bottom:1px dotted #ddd; padding-bottom:5px;}
.boxsp > ul > li.tot > ul { list-style:none;}
.boxsp > ul > li.tot > ul > li.msp { width:170px; height:auto; float:left;}
.boxsp > ul > li.tot > ul > li.msp > p { font-weight:bold; color:#755e01; padding-left:11px;}
.boxsp > ul > li.tot > ul > li.chi { width:auto; float:right;}
.boxsp > ul > li.tot > ul > li.chi > a { text-align:right; display:block; color:#09F;}


.RightCont { width:240px; float:right;}

.boxRight { width:230px; height:auto; float:left; margin-top:1px;}
.tt-boxRight { width:230px; height:80px; float:left; background:url(../images/bg-ttRight.png) no-repeat;}
.tt-boxRight > p { font-weight:bold; color:white; display:block; line-height:72px; text-align:center;}
.cc-boxRight { width:230px; height:auto; float:left;}
.dmsp { width:205px; height:auto; float:left; margin-left:25px;}
.dmsp > ul { list-style:none;}
.dmsp > ul > li { width:195px; height:auto; float:left; padding:0 0 10px 10px; background:url(../images/icon-3.png) no-repeat top left; margin-top:1px;}
.dmsp > ul > li > a { color:#333; font-weight:bold; display:block;}
.dmsp > ul > li:hover > a { color:#600;}
.dmsp > ul > li > ul { list-style:none; float:left; margin-top:5px;}
.dmsp > ul > li > ul > li { float:left; width:185px; float:left; padding:3px 0 3px 10px; margin-top:1px; background:url(../images/icon-4.png) no-repeat top left;}
.dmsp > ul > li > ul > li > a { color:#333;}
.dmsp > ul > li > ul > li:hover > a { text-decoration:underline;}


.yahoo { width:200px; height:auto; float:left; margin-left:15px;}
.yahoo > ul > li { width:100px; float:left; padding-bottom:10px; list-style:none;}
.yahoo > ul > li > a { display:block;}
.yahoo > ul > li > a > img { width:64px; height:16px; display:block; margin:0 auto;}
.yahoo > ul > li > p { display:block; text-align:center; line-height:20px; color:#333;}


.hotright { width:205px; height:auto; float:left; margin-left:25px; background:url(../images/icon-phone.png) no-repeat top left; padding:10px 0;}
.hotright > ul { list-style:none; float:left; width:100px; padding-left:74px; margin-top:8px;}
.hotright > ul > li { float:left;}
.hotright > ul > li > p { font-weight:bold; color:red; font-size:16px; line-height:21px;}
.hotright > span { font-weight:bold; font-size:16px; width:172px; float:left; text-align:right; display:block; margin-top:5px; color:#00F;}


.newsLeft { width:210px; height:auto; float:left; margin-left:15px;}

#wrap { width:210px; height:auto; float:left;}
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-container-horizontal { width:210px;}
.jcarousel-skin-tango .jcarousel-container-vertical { width:210px; height:auto;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:210px;}
.jcarousel-skin-tango .jcarousel-clip-vertical { width:210px; height:740px;}
.jcarousel-skin-tango .jcarousel-item { width:210px; margin-bottom:10px;}
ul#mycarousel, ul#mycarousel > li > ul { list-style:none; width:210px; float:left;}
ul#mycarousel > li { width:210px; height:65px; float:left; padding-left:10px; background:url(../images/icon-5.png) no-repeat top left; overflow:hidden;}
ul#mycarousel > li > a { width:190px; color:#333; display:block; font-weight:bold; padding-bottom:5px; float:left; text-align:justify;}
ul#mycarousel > li > a:hover { text-decoration:underline;}
ul#mycarousel > li > p { width:190px; color:#333; display:block; float:left; text-align:justify; display:block;}


.mvat { width:190px; height:auto; float:left; margin-left:25px;}
.mvat > ul, .mvat > ul > li > ul { list-style:none;}
.mvat > ul > li { width:190px; height:auto; float:left; padding-bottom:10px; border-bottom:1px dotted #ddd; margin-top:10px;}
.mvat > ul > li > ul > li.meo-pic { width:188px; height:188px; float:left; border:1px solid #ddd;}
.mvat > ul > li > ul > li.meo-tit { width:190px; height:auto; float:left; padding:5px 0;}
.mvat > ul > li > ul > li.meo-tit > a { font-weight:bold; color:#333; float:left; margin-top:5px;}
.mvat > ul > li > ul > li.meo-con { width:190px; height:auto; float:left;}
.mvat > ul > li > ul > li.meo-con > p { float:left; text-align:justify;}
.meo-1 { width:188px; height:188px; display:table; text-align: center; vertical-align: middle; background:white; float:left;}
.meo-1 img { max-width:168px; max-height:168px; display:table-cell; vertical-align: middle;}
.meo_1 { width:188px; height:188px; text-align: center; vertical-align: middle;}
.meo_1 img { margin:0 auto; max-width:168px; max-height:168px;}


.thongke{ width:190px; height:auto; float:left; margin-left:25px;}


.quangcao { width:220px; height:auto; float:left; margin-left:10px; margin-top:10px;}
.quangcao > ul { list-style:none;}
.quangcao > ul > li { width:220px; height:auto; float:left; margin-top:10px;}
.quangcao > ul > li > a > img { max-width:220px;}


/*___index-footer___*/
#index-footer { width:100%; height:auto; float:left; background:url(../images/bg-footer.jpg) repeat; margin-top:10px;}
#main-footer { width:1000px; height:auto; margin:0 auto;}
.footer { width:1000px; height:auto; float:left; position:relative;}
.foot-left { width:600px; height:auto; float:left; padding:20px 0 20px 0;}
.foot-left > ul { list-style:none;}
.foot-left > ul > li { width:600px; height:auto; float:left;}
.foot-left > ul > li > p { font-weight:bold; color:white; font-size:13px; margin-bottom:10px;}
.foot-left > ul > li > span { color:white; line-height:20px; display:block;}
.foot-right { position:absolute; right:0; bottom:0; margin-bottom:5px;}
.foot-right > ul { list-style:none;}
.foot-right > ul > li {}
.foot-right > ul > li > p { color:white;}
.foot-right > ul > li > p > a { color:#09F;}






/*   thêm   */

.productdetail { width:720px; height:auto; float:left; margin:20px;}

.contchi { width:720px; height:auto; float:left;}
#lofslidecontent45 { width:720px; height:auto; float:left; top:200px;}
.lof-main-outer { width:720px; height:auto; float:left;}

.lof-opacity  li { position:absolute; float:inherit;}

ul.lof-main-wapper > li {  width:720px; min-height:352px; float:left; padding:0;}
ul.lof-main-wapper > li > img { float:right; max-height:350px; max-width:350px; position:absolute; left:0; border:1px solid #999;}

.lof-navigator-wapper { width:350px; min-height:352px; position:relative; float:right;}

.lof-navigator-outer { position:relative; height:105px; width:550px; overflow:hidden; float:left; margin-top:30px;}
ul.lof-navigator { position:absolute; width:550px; height:105px; float:left;}
ul.lof-navigator li { cursor:hand; cursor:pointer; overflow:hidden; float:left; display:block;	text-align:center;}
ul.lof-navigator li img { border:#666 solid 1px; background:#ccc; max-width:89px; max-height:103px;}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {	border:red solid 1px;}
.lof-next { width:8px; height:8px; float:left; background:url(../images/next.png) no-repeat; position:absolute; top:0; left:-39px;}
.lof-next a { float:left; margin-left:20px; margin-top:3px; font-size:12px; color:#333; font-style:inherit;}
.lof-previous { width:8px; height:8px; float:left; background:url(../images/prev.png) no-repeat;  position:absolute; top:0; left:-60px;}
.lof-previous a { float:left; margin-left:15px; margin-top:3px; font-size:12px; color:#333; font-style:inherit;}
.lof-main-outer .lof-next,  .lof-main-outer .lof-previous { display:block; width:40px; color:#FFF; cursor:pointer; position:absolute; height:100%; z-index:3; top:0;	text-indent:-999px;}
.title-chitiet { width:350px; height:auto; float:left; margin-top:0px;}
.title-chitiet > ul {}
.title-chitiet > ul > li { width:350px; height:auto; float:left;}
.title-chitiet > ul > li > a { font-weight:bold; font-size:18px; color:#666; text-transform:uppercase;}
.title-chitiet > ul > li > p { font-weight:bold; font-size:18px; color:#666; line-height:25px;}
.title-chitiet > ul > li > span { line-height:25px;}

.mota { width:350px; height:auto; float:left; margin-top:10px; padding-top:10px; border-top:dotted 1px #333;}
.mota > ul { list-style:none;}
.mota > ul > li {}
.mota > ul > li > p { font-weight:bold; color:#333; padding-bottom:6px;}
.mota > ul > li > span { color:#666; line-height:20px; text-align:justify; display:block;}


.b-project { width:220px; height:240px; float:left; margin:20px 30px 0 0; border-bottom:1px dotted #ddd;}
.b-project > ul { list-style:none;}
.b-project > ul > li.pic { width:218px; height:158px; border:1px solid #ddd; float:left;}
.pro-1 { width:218px; height:158px; display:table; text-align: center; vertical-align: middle; background:white; float:left;}
.pro-1 img { max-width:198px; max-height:138px; display:table-cell; vertical-align: middle;}
.pro_1 { width:218px; height:158px; text-align: center; vertical-align: middle;}
.pro_1 img { margin:0 auto; max-width:198px; max-height:138px;}
.b-project > ul > li.tit { width:220px; height:auto; float:left; padding:5px 0;}
.b-project > ul > li.tit > a { font-weight:bold; color:#333; float:left;}
.b-project > ul > li.con { width:160px; height:auto; float:left;}
.b-project > ul > li.con > p { color:#333; float:left; margin-top:4px;}
.b-project > ul > li.chi { width:60px; height:auto; float:left; margin-top:5px;}
.b-project > ul > li.chi > a { color:#09F; text-align:right; display:block;}


.projectdetail { width:720px; height:30px; float:left; margin:20px;}
.projectdetail > ul, .projectdetail > ul > li > ul { list-style:none;}
.projectdetail > ul > li { width:720px; float:left;}
.projectdetail > ul > li > ul > li.tit { width:720px; height:auto; float:left;}
.projectdetail > ul > li > ul > li.tit > p { font-weight:bold; font-size:16px; color:#333;}
.projectdetail > ul > li > ul > li.add { width:720px; height:auto; float:left;}
.projectdetail > ul > li > ul > li.add > p { float:left; line-height:20px;}
.projectdetail > ul > li > ul > li.mot { width:720px; height:auto; float:left; margin-top:10px;}
.projectdetail > ul > li > ul > li.mot > p { font-weight:bold; color:#333; font-size:14px;}
.projectdetail > ul > li > ul > li.con { width:720px; height:auto; float:left;}
.projectdetail > ul > li > ul > li.con > p { width:720px; height:auto; float:left; font-weight:bold; color:#333; line-height:20px; display:block; margin-top:10px;}
.projectdetail > ul > li > ul > li.con > span { width:720px; height:auto; float:left; color:#333; line-height:20px !important; display:block;}
.projectdetail > ul > li > ul > li.con > img { max-width:720px; text-align:center; margin-top:20px;}


.baidoc { width:720px; height:auto; float:left;}
.box-bd { width:720px; height:auto; float:left; margin-top:20px; padding-bottom:20px; border-bottom:1px dotted #ddd}
.box-bd > ul { list-style:none;}
.box-bd > ul > li.pic { width:204px; height:auto; float:left; border:1px solid #ddd;}
.box-bd > ul > li.pic > a > img { width:200px; height:auto; float:left; padding:2px;}
.box-bd > ul > li.tit { width:500px; height:auto; float:right;}
.box-bd > ul > li.tit > a { font-weight:bold; color:#333;}
.box-bd > ul > li.con { width:500px; height:auto; float:right; margin-top:10px;}
.box-bd > ul > li.con > p { color:#333; text-align:justify; line-height:18px; display:block;}
.box-bd > ul > li.chi { width:500px; height:auto; float:right; margin-top:10px;}
.box-bd > ul > li.chi > a { color:#09F; text-align:right; display:block;}


.box-t { width:720px; height:auto; float:left; margin-top:20px;}
.box-t > ul { list-style:none;}
.box-t > ul > li.pic { height:auto; float:left; border:1px solid #ddd;}
.box-t > ul > li.pic > img { max-width:200px; height:auto; float:left; padding:3px;}
.box-t > ul > li.tit { width:500px; height:auto; float:right;}
.box-t > ul > li.tit > p { font-weight:bold; color:#333; font-size:14px;}
.box-t > ul > li.date { width:500px; height:auto; float:right;}
.box-t > ul > li.date > p { font-style:italic; color:#999;}
.box-t > ul > li.tom { width:500px; height:auto; float:right; margin-top:10px;}
.box-t > ul > li.tom > p { color:#333; text-align:justify; font-style:italic; font-weight:bold;}
.box-t > ul > li.con { width:720px; height:auto; float:left; margin-top:10px;}
.box-t > ul > li.con > p { color:#333; text-align:justify; font-weight:bold; margin-top:10px; display:block;}
.box-t > ul > li.con > span { color:#333; text-align:justify; margin-top:10px; display:block;}
.box-t > ul > li.con > img { max-width:600px; height:auto; margin:0 auto; text-align:center; display:block; padding:20px 0;}



